<template>
		<view style="overflow: visible">
				<s-custom-nav v-if="type === 'customNavbar'"  :data="data" :styles="styles" />
				<s-image-block v-if="type === 'imageBlock'" :data="data" :styles="styles" />
				<s-image-banner v-if="type === 'imageBanner'" :data="data" :styles="styles" />
				<s-video-block v-if="type === 'videoPlayer'" :data="data" :styles="styles" />
				<s-hot-zone v-if="type === 'hotzone'" :data="data" :styles="styles" />
				<s-image-cube v-if="type === 'imageCube'" :data="data" :styles="styles" /> 
				<s-search-region-block v-if="type === 'searchRegionBlock'" :data="data" :navbar="false" />
				
				<s-notice-block v-if="type === 'noticeBlock'" :data="data" />
				<s-search-block v-if="type === 'searchBlock'" :data="data" :navbar="false" />
				<s-title-block v-if="type === 'titleBlock'" :data="data" :styles="styles" />
				<s-line-block v-if="type === 'lineBlock'" :data="data" />

				<s-menu-swiper v-if="type === 'menuSwiper'" :data="data" :styles="styles" />
				<s-menu-button v-if="type === 'menuButton'" :data="data" :styles="styles" />
				<s-menu-list v-if="type === 'menuList'" :data="data" />
				<s-menu-grid v-if="type === 'menuGrid'" :data="data" />
				<!-- 商城页面分类 -->
				<s-goods-category v-if="type==='category'" :data="data" :styles="styles" />
				<!-- 商城首页组件 -->
				<s-goods v-if="type==='shopGoodsList'" :data="data"  :type="type"></s-goods>
				<s-user-card v-if="type === 'userCard'" />
				<s-wallet-card v-if="type === 'walletCard'" />
				<s-sign-card v-if="type === 'signCard'" :data="data"></s-sign-card>
				<!-- 新订单卡片 -->
				<s-order-card-new v-if="type === 'orderCardNew'" :data="data" />
				<!-- 推广组件 -->
				<s-promotion-card v-if="type==='promotionCard'" :data="data"></s-promotion-card>
				<s-order-card v-if="type === 'orderCard'" :data="data" />
				
				<s-activity-shelves v-if="type=='activityShelves'" :data="data" :styles="styles"/>
				<s-coupon-card v-if="type === 'couponCard'" />
				<s-goods-card v-if="type === 'goodsCard'" :data="data" :styles="styles" />
				<s-goods-class v-if="type === 'goodsClass'" :data="data" :styles="styles" />
				<s-goods-list v-if="type === 'goodsList'" :data="data" :styles="styles" />
				<s-score-block v-if="type === 'scoreGoods'" :data="data" :styles="styles" />
				<s-goods-shelves v-if="type === 'goodsShelves'" :data="data" :styles="styles" />
				<s-coupon-block v-if="type === 'coupon'" :data="data" :styles="styles"/>
				<s-seckill-block v-if="type === 'seckill'" :data="data" :styles="styles"/>
				<s-richtext-block v-if="type === 'richtext'" :data="data" :styles="styles"/>
				<!-- 首页底部扩展1内容 -->
				<AssHotelRecommendedList v-if="type === 'extend1'"/>
				<!-- 2 -->
				<AssHotelList v-if="type === 'extend2'"/>
				<!--    -->
				<AssHotelCustomList v-if="type === 'hotelGoodsCard'" :data="data" :styles="styles" />
				<AssHotelUserOrder v-if="type === 'extend6'"/>
				<!-- 分销中心 -->
				<petUserCustom v-if="type === 'extend7'" :data="data" :styles="styles"/>
				<s-menu-banner v-if="type === 'menuBanner'" :data="data" :styles="styles"/>
				<s-list-class v-if="type === 'listClass'" :data="data" :styles="styles"/>
				<s-group-buy v-if="type === 'groupList'" :data="data" :styles="styles"/>
				<s-platform-reco v-if="type === 'platformReco'" :data="data" :styles="styles"/>
				<s-jxshop-block v-if="type === 'jxshopBlock'" :data="data" :styles="styles"/>
				<s-category-tabs v-if="type === 'categoryTabs'" :data="data" :styles="styles"/>
				<!-- 分销中心 -->
				
				<s-menu-block v-if="type === 'menuBlock'" :data="data" :styles="styles"/>
				<s-offer-block v-if="type === 'offerBlock'" :data="data" :styles="styles"/>
		</view>
</template>

<script setup>
		import AssHotelRecommendedList from '@/components/ass-hotel-recommended-list.vue';
		import AssHotelList from '@/components/ass-hotel-list.vue';
		import AssHotelCustomList from '@/components/ass-hotel-custom-list.vue';
		import AssHotelUserOrder from '@/components/ass-hotel-user-order.vue';
		import petUserCustom from '@/components/pet-user-custom.vue';
		 import { computed, ref,onMounted } from 'vue';
		/**
		 * 装修组件 - 组件集
		 */
		const props = defineProps({
				type: {
						type: String,
						default: '',
				},
				data: {
						type: Object,
						default() {
						},
				},
				styles: {
						type: Object,
						default() {
						},
				},
		});
		
		
		function onSearch() {
		}
		onMounted(()=>{
			
			
		})
</script>

<style></style>
